﻿<!DOCTYPE html>
<html class="no-js" lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="瑞德出行 - 在线出租车预订HTML5模板">
    <meta name="author" content="DynamicLayers">

    <title>瑞德出行 - 在线出租车预订服务</title>

    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
    
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/fontawesome.min.css">
    <link rel="stylesheet" href="assets/css/line-awesome.min.css">
    <link rel="stylesheet" href="assets/css/keyframe-animation.css">
    <link rel="stylesheet" href="assets/css/jquery.datetimepicker.min.css">
    <link rel="stylesheet" href="assets/css/nice-select.css">
    <link rel="stylesheet" href="assets/css/venobox.min.css">
    <link rel="stylesheet" href="assets/css/swiper.min.css">
    <link rel="stylesheet" href="assets/css/elements.css">
    <link rel="stylesheet" href="assets/css/header.css">
    <link rel="stylesheet" href="assets/css/slider.css">
    <link rel="stylesheet" href="assets/css/blog.css">
    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="stylesheet" href="assets/css/responsive.css">
    
    <style>
        /* 添加一些中文优化样式 */
        body {
            font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
        }
        h1, h2, h3, h4, h5, h6 {
            font-weight: 600;
        }
        .section-heading h4 span {
            background: #ff6b00;
        }
        .default-btn {
            background: #ff6b00;
            border-color: #ff6b00;
        }
        .default-btn:hover {
            background: #e55e00;
            border-color: #e55e00;
        }
        .header-social-share li a:hover {
            color: #ff6b00;
        }
        .nav-menu li a:hover {
            color: #ff6b00;
        }
        .slider-content .default-btn:hover {
            background: rgba(255, 107, 0, 0.9);
        }
        .pricing-item .default-btn:hover {
            background: #e55e00;
            border-color: #e55e00;
        }
        .testi-item .quote-icon {
            color: #ff6b00;
        }
        .footer-section .footer-call i {
            color: #ff6b00;
        }
        .subscribe-form button {
            background: #ff6b00;
        }
        .subscribe-form button:hover {
            background: #e55e00;
        }
        .copyright-wrap {
            background: #222;
        }
        .copyright-wrap p {
            color: #999;
        }
    </style>
</head>

<body>
    <!--[if lt IE 8]>
    <p class="browserupgrade">
        您正在使用<strong>过时</strong>的浏览器。请
        <a href="http://browsehappy.com/">升级浏览器</a>以获得更好的体验。
    </p><![endif]-->

    <div class="site-preloader">
        <div class="car">
            <div class="strike"></div>
            <div class="strike strike2"></div>
            <div class="strike strike3"></div>
            <div class="strike strike4"></div>
            <div class="strike strike5"></div>
            <div class="car-detail spoiler"></div>
            <div class="car-detail back"></div>
            <div class="car-detail center"></div>
            <div class="car-detail center1"></div>
            <div class="car-detail front"></div>
            <div class="car-detail wheel"></div>
            <div class="car-detail wheel wheel2"></div>
        </div>
    </div><!--/.site-preloader-->

    <header class="main-header">
        <div class="top-header">
            <div class="container">
                <div class="top-header-wrap">
                    <div class="top-left">
                        <p>值得信赖的出租车服务与交通解决方案！</p>
                    </div>
                    <div class="top-right">
                        <ul class="top-header-nav">
                            <li><a href="faqs.html">帮助中心</a></li>
                            <li><a href="contact.html">技术支持</a></li>
                            <li><a href="faqs.html">常见问题</a></li>
                        </ul>
                        <ul class="header-social-share">
                            <li><a href="#"><i class="fab fa-weixin"></i></a></li>
                            <li><a href="#"><i class="fab fa-weibo"></i></a></li>
                            <li><a href="#"><i class="fab fa-qq"></i></a></li>
                            <li><a href="#"><i class="fab fa-tiktok"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div><!--/.top-header-->
        <div class="mid-header">
            <div class="container">
                <div class="mid-header-wrap">
                    <div class="site-logo">
                        <a href="index.html"><img src="assets/img/logo-dark.png" alt="瑞德出行"></a>
                    </div><!--/.site-logo-->
                    <ul class="header-info">
                        <li>
                            <div class="header-info-icon">
                                <i class="las la-phone-volume"></i>
                            </div>
                            <div class="header-info-text">
                                <h3><span>服务热线</span><a href="tel:4001234567">400-123-4567</a></h3>
                            </div>
                        </li>
                        <li>
                            <div class="header-info-icon">
                                <i class="las la-envelope-open"></i>
                            </div>
                            <div class="header-info-text">
                                <h3><span>电子邮箱</span>info@ruidechuxing.com</h3>
                            </div>
                        </li>
                        <li>
                            <div class="header-info-icon">
                                <i class="las la-map-marked-alt"></i>
                            </div>
                            <div class="header-info-text">
                                <h3><span>公司地址</span>北京市朝阳区光华路10号</h3>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div><!--/.mid-header-->
        <div class="nav-menu-wrapper">
            <div class="container">
                <div class="nav-menu-inner">
                    <div class="site-logo">
                        <a href="index.html"><img src="assets/img/logo-dark.png" alt="瑞德出行"></a>
                    </div><!--/.site-logo-->
                    <div class="header-menu-wrap">
                        <ul class="nav-menu">
                            <li class="active dropdown_menu">
                                <a href="index.html">首页</a>
                                <ul>
                                    <li><a href="index.html">经典首页</a></li>
                                    <li><a href="index-2.html">现代首页</a></li>
                                </ul>
                            </li>
                            <li class="dropdown_menu">
                                <a href="about-us.html">关于我们</a>
                                <ul>
                                    <li><a href="about-us.html">公司简介</a></li>
                                    <li><a href="about-company.html">发展历程</a></li>
                                    <li><a href="our-services.html">服务项目</a></li>
                                    <li><a href="service-details.html">服务详情</a></li>
                                    <li><a href="book-taxi.html">立即叫车</a></li>
                                </ul>
                            </li>
                            <li class="dropdown_menu">
                                <a href="our-taxi.html">车型展示</a>
                                <ul>
                                    <li><a href="our-taxi.html">车型列表</a></li>
                                    <li><a href="taxi-details.html">车型详情</a></li>
                                </ul>
                            </li>
                            <li class="dropdown_menu">
                                <a href="#">更多页面</a>
                                <ul>
                                    <li><a href="our-drivers.html">司机团队</a></li>
                                    <li><a href="driver-details.html">司机详情</a></li>
                                    <li><a href="testimonials.html">用户评价</a></li>
                                    <li><a href="faqs.html">帮助中心</a></li>
                                    <li><a href="404.html">404页面</a></li>
                                </ul>
                            </li>
                            <li class="dropdown_menu">
                                <a href="blog-grid.html">新闻资讯</a>
                                <ul>
                                    <li><a href="blog-grid.html">网格布局</a></li>
                                    <li><a href="blog-classic.html">经典布局</a></li>
                                    <li><a href="blog-details.html">资讯详情</a></li>
                                </ul>
                            </li>
                            <li><a href="contact.html">联系我们</a></li>
                        </ul>
                    </div>
                    <div class="menu-right-item">
                        <div class="search-icon dl-search-icon">
                            <i class="las la-search"></i>
                        </div>
                        <div class="sidebox-icon dl-sidebox-icon">
                            <i class="las la-bars"></i>
                        </div>
                        <a href="book-taxi.html" class="menu-btn">立即叫车</a>
                    </div>
                    <div class="mobile-menu-icon">
                        <div class="burger-menu">
                            <div class="line-menu line-half first-line"></div>
                            <div class="line-menu"></div>
                            <div class="line-menu line-half last-line"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/.nav-menu-->
    </header>
    <!--/.main-header-->

    <div id="popup-search-box">
        <div class="box-inner-wrap d-flex align-items-center">
            <form id="form" action="#" method="get" role="search">
                <input id="popup-search" type="text" name="s" placeholder="请输入关键词...">
                <button id="popup-search-button" type="submit" name="submit">
                    <i class="las la-search"></i>
                </button>
            </form>
            <div class="search-close"><i class="las la-times"></i></div>
        </div>
    </div>
    <!--/.popupsearch-box-->
    <div id="searchbox-overlay"></div>

    <div id="popup-sidebox" class="popup-sidebox">
        <div class="sidebox-content">
            <div class="site-logo">
                <a href="index.html"><img src="assets/img/logo-light.png" alt="瑞德出行"></a>
            </div>
            <p>瑞德出行为您提供全方位出租车服务解决方案！专为出租车服务公司打造的优质平台。</p>
            <ul class="sidebox-list">
                <li class="call"><span>叫车热线：</span>400-123-4567</li>
                <li>
                    <span>公司地址：</span>北京市朝阳区光华路10号
                </li>
                <li><span>电子邮箱：</span>info@ruidechuxing.com</li>
            </ul>
        </div>
    </div>
    <!--/.popup-sidebox-->
    <div id="sidebox-overlay"></div>

    <div class="slider-section">
        <div class="main-slider">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="slider-img"><img src="assets/img/slider-bg.jpg" alt="背景" class="kenburns"
                            style="animation-duration: 12000ms; "></div>
                    <div class="car-holder">
                        <img src="assets/img/car-1.png" alt="出租车" data-animation="car-animation" data-duration="1.5s">
                        <div class="shape">
                            <div data-animation="slide-in-bottom" data-duration="1.5s" data-delay="0.3s"></div>
                            <div data-animation="fade-in" data-duration="1.5s" data-delay="0.2s"></div>
                            <div data-animation="slide-in-top" data-duration="1.5s" data-delay="0.5s"></div>
                        </div>
                    </div>
                    <div class="slider-content-wrap d-flex align-items-center text-left">
                        <div class="container">
                            <div class="slider-content">
                                <div class="slider-caption medium">
                                    <div class="inner-layer">
                                        <div data-animation="fade-in-bottom" data-delay="0.3s">安全出行，全程无忧！</div>
                                    </div>
                                </div>
                                <div class="slider-caption big">
                                    <div class="inner-layer">
                                        <div data-animation="fade-in-bottom" data-delay="0.5s">随时随地<br>预订您的专属出租车！</div>
                                    </div>
                                </div>
                                <div class="slider-caption small">
                                    <div class="inner-layer">
                                        <div data-animation="fade-in-bottom" data-delay="0.7s" data-duration="1s">
                                            瑞德出行为您提供全方位出租车服务解决方案！<br>专为出租车服务公司打造的优质平台。</div>
                                    </div>
                                </div>
                                <div class="slider-btn">
                                    <a href="book-taxi.html" class="default-btn" data-animation="fade-in-bottom"
                                        data-delay="0.9s">立即预订</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="slider-img"><img src="assets/img/slider-bg.jpg" alt="背景" class="kenburns"
                            style="animation-duration: 12000ms; "></div>
                    <div class="car-holder">
                        <img src="assets/img/car-1.png" alt="出租车" data-animation="car-animation" data-duration="1.5s">
                        <div class="shape">
                            <div data-animation="slide-in-bottom" data-duration="1.5s" data-delay="0.3s"></div>
                            <div data-animation="fade-in" data-duration="1.5s" data-delay="0.2s"></div>
                            <div data-animation="slide-in-top" data-duration="1.5s" data-delay="0.5s"></div>
                        </div>
                    </div>
                    <div class="slider-content-wrap d-flex align-items-center text-left">
                        <div class="container">
                            <div class="slider-content">
                                <div class="slider-caption medium">
                                    <div class="inner-layer">
                                        <div data-animation="fade-in-bottom" data-delay="0.3s">安全出行，全程无忧！</div>
                                    </div>
                                </div>
                                <div class="slider-caption big">
                                    <div class="inner-layer">
                                        <div data-animation="fade-in-bottom" data-delay="0.5s">随时随地<br>预订您的专属出租车！</div>
                                    </div>
                                </div>
                                <div class="slider-caption small">
                                    <div class="inner-layer">
                                        <div data-animation="fade-in-bottom" data-delay="0.7s" data-duration="1s">
                                            瑞德出行为您提供全方位出租车服务解决方案！<br>专为出租车服务公司打造的优质平台。</div>
                                    </div>
                                </div>
                                <div class="slider-btn">
                                    <a href="book-taxi.html" class="default-btn" data-animation="fade-in-bottom"
                                        data-delay="0.9s">立即预订</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Slider navigation buttons -->
            <div class="slider-controls">
                <div class="slider-control slider-button-prev"><span><i
                            class="las la-long-arrow-alt-left"></i></span>上一页</div>
                <div class="slider-pagination"></div>
                <div class="slider-control slider-button-next">下一页<span><i
                            class="las la-long-arrow-alt-right"></i></span>
                </div>
            </div>
        </div>
    </div>
    <!--/.slider-section-->

    <section class="about-section padding">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <div class="about-img">
                        <img class="about-img1 wow fade-in-left" data-wow-delay="200ms" src="assets/img/about-1.png" alt="公司图片">
                        <img class="about-img2 wow fade-in-bottom" data-wow-delay="400ms" src="assets/img/about-2.png" alt="公司图片">
                        <figure class="round-text"><img src="assets/img/experience-text-round.png" alt="经验"></figure>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="section-heading mb-40 wow fade-in-right" data-wow-delay="200ms">
                        <h4><span></span>关于我们</h4>
                        <h2>感受瑞德出行的专业与舒适！</h2>
                        <p>我们成功应对各种复杂任务，提供长期服务保障，并持续掌握新技术。我们的项目包括多个成功完成的不同楼层房屋项目，拥有高质量的装修和完善的维修服务。随时随地预订您的专属出租车！</p>
                    </div>
                    <!--/.section-heading-->
                    <ul class="about-info wow fade-in-right" data-wow-delay="400ms">
                        <li>
                            <img class="owner-thumb" src="assets/img/comment-1.png" alt="创始人">
                            <div class="owner">
                                <h4>创始人兼首席执行官</h4>
                                <img class="signature" src="assets/img/signature.png" alt="签名">
                            </div>
                        </li>
                        <li>
                            <h2><span>叫车热线</span><a href="tel:4001234567">400-123-4567</a></h2>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!--/.about-section-->

    <section class="service-section bg-grey padding">
        <div class="bg-half"></div>
        <div class="container">
            <div class="section-heading text-center mb-40 wow fade-in-bottom" data-wow-delay="200ms">
                <h4><span></span>服务项目</h4>
                <h2 class="white">开启您的瑞德出行之旅！</h2>
                <p>我们成功应对各种复杂任务，提供长期服务保障，<br>并持续掌握新技术。</p>
            </div>
            <!--/.section-heading-->
            <div class="swiper-outside">
                <div class="service-carousel">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="service-item wow fade-in-bottom" data-wow-delay="200ms">
                                <div class="service-thumb">
                                    <img src="assets/img/service-1.jpg" alt="常规出行">
                                    <div class="service-shape-wrap">
                                        <div class="service-shape"></div>
                                    </div>
                                    <div class="service-car"><img src="assets/img/car-1.png" alt="出租车"></div>
                                </div>
                                <div class="service-content">
                                    <h3><a href="service-details.html">常规出行</a></h3>
                                    <p>瑞德出行为您提供全方位出租车服务解决方案！专为出租车服务公司打造的优质平台。</p>
                                    <a class="read-more" href="service-details.html">了解更多</a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="service-item wow fade-in-bottom" data-wow-delay="400ms">
                                <div class="service-thumb">
                                    <img src="assets/img/service-2.jpg" alt="机场接送">
                                    <div class="service-shape-wrap">
                                        <div class="service-shape"></div>
                                    </div>
                                    <div class="service-car"><img src="assets/img/car-1.png" alt="出租车"></div>
                                </div>
                                <div class="service-content">
                                    <h3><a href="service-details.html">机场接送</a></h3>
                                    <p>瑞德出行为您提供全方位出租车服务解决方案！专为出租车服务公司打造的优质平台。</p>
                                    <a class="read-more" href="service-details.html">了解更多</a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="service-item wow fade-in-bottom" data-wow-delay="600ms">
                                <div class="service-thumb">
                                    <img src="assets/img/service-3.jpg" alt="行李运输">
                                    <div class="service-shape-wrap">
                                        <div class="service-shape"></div>
                                    </div>
                                    <div class="service-car"><img src="assets/img/car-1.png" alt="出租车"></div>
                                </div>
                                <div class="service-content">
                                    <h3><a href="service-details.html">行李运输</a></h3>
                                    <p>瑞德出行为您提供全方位出租车服务解决方案！专为出租车服务公司打造的优质平台。</p>
                                    <a class="read-more" href="service-details.html">了解更多</a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="service-item">
                                <div class="service-thumb">
                                    <img src="assets/img/service-4.jpg" alt="市内交通">
                                    <div class="service-shape-wrap">
                                        <div class="service-shape"></div>
                                    </div>
                                    <div class="service-car"><img src="assets/img/car-1.png" alt="出租车"></div>
                                </div>
                                <div class="service-content">
                                    <h3><a href="service-details.html">市内交通</a></h3>
                                    <p>瑞德出行为您提供全方位出租车服务解决方案！专为出租车服务公司打造的优质平台。</p>
                                    <a class="read-more" href="service-details.html">了解更多</a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="service-item">
                                <div class="service-thumb">
                                    <img src="assets/img/service-5.jpg" alt="商务出行">
                                    <div class="service-shape-wrap">
                                        <div class="service-shape"></div>
                                    </div>
                                    <div class="service-car"><img src="assets/img/car-1.png" alt="出租车"></div>
                                </div>
                                <div class="service-content">
                                    <h3><a href="service-details.html">商务出行</a></h3>
                                    <p>瑞德出行为您提供全方位出租车服务解决方案！专为出租车服务公司打造的优质平台。</p>
                                    <a class="read-more" href="service-details.html">了解更多</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div><!-- Carousel Dots -->
                </div>
                <!-- Carousel Arrows -->
                <div class="swiper-nav swiper-next"><i class="las la-long-arrow-alt-right"></i></div>
                <div class="swiper-nav swiper-prev"><i class="las la-long-arrow-alt-left"></i></div>
            </div>
        </div>
    </section>
    <!--/.service-section-->

    <section class="booking-section">
        <div class="container">
            <div class="row pos-relative padding">
                <div class="col-lg-4">
                    <div class="booking-car wow fade-in-left" data-wow-delay="200ms"></div>
                </div>
                <div class="col-lg-8">
                    <div class="booking-wrap">
                        <div class="section-heading mb-30">
                            <h4><span></span>在线预订</h4>
                            <h2 class="white">预订您的出租车</h2>
                        </div>
                        <form action="book-ride.php" id="book-taxi-ride">
                            <div class="booking-form">
                                <div class="form-field">
                                    <i class="las la-user-tie"></i>
                                    <input type="text" id="full-name" name="full-name" class="form-control"
                                        placeholder="您的姓名" required>
                                </div>
                                <div class="form-field">
                                    <i class="las la-envelope-open"></i>
                                    <input type="email" id="email" name="email" class="form-control" placeholder="电子邮箱"
                                        required>
                                </div>
                                <div class="form-field">
                                    <i class="las la-tags"></i>
                                    <select name="package-type" id="type" class="niceSelect">
                                        <option value="standard">标准型</option>
                                        <option value="business">商务型</option>
                                        <option value="economy">经济型</option>
                                        <option value="vip-spacial">豪华型</option>
                                        <option value="comfort">舒适型</option>
                                    </select>
                                </div>
                                <div class="form-field">
                                    <i class="las la-user-friends"></i>
                                    <select name="passengers" id="passengers" class="niceSelect">
                                        <option value="1">1人</option>
                                        <option value="2">2人</option>
                                        <option value="3">3人</option>
                                        <option value="4">4人</option>
                                        <option value="5">5人</option>
                                    </select>
                                </div>
                                <div class="form-field">
                                    <i class="las la-map-marker"></i>
                                    <input type="text" id="start-dest" name="start-dest" class="form-control"
                                        placeholder="出发地点" required>
                                </div>
                                <div class="form-field">
                                    <i class="las la-map-marker"></i>
                                    <input type="text" id="end-dest" name="end-dest" class="form-control"
                                        placeholder="目的地点" required>
                                </div>
                                <div class="form-field">
                                    <i class="las la-calendar"></i>
                                    <input type="text" id="ride-date" name="ride-date" class="form-control date-picker"
                                        placeholder="选择日期" required>
                                </div>
                                <div class="form-field">
                                    <i class="las la-clock"></i>
                                    <input type="text" id="ride-time" name="ride-time" class="form-control time-picker"
                                        placeholder="选择时间" required>
                                </div>
                                <div class="form-field">
                                    <button id="submit" class="default-btn" type="submit">立即预订</button>
                                </div>
                            </div>
                            <div id="form-messages" class="alert" role="alert"></div>
                        </form><!-- Booking Form -->
                    </div>
                </div>
            </div>
        </div>
    </section><!--/.booking-section-->

    <section class="pricing-section bg-grey bd-bottom padding">
        <div class="container">
            <div class="section-heading text-center mb-40 wow fade-in-bottom" data-wow-delay="200ms">
                <h4><span></span>选择您的出行方案！</h4>
                <h2>多种车型供您选择！</h2>
                <p>我们成功应对各种复杂任务，提供长期服务保障，<br>并持续掌握新技术。</p>
            </div><!--/.section-heading-->
            <ul class="nav pricing-tab-menu" id="pricing-tab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="hybrid-taxi" data-bs-toggle="tab"
                        data-bs-target="#hybrid-taxi-content" type="button" role="tab"
                        aria-controls="hybrid-taxi-content" aria-selected="true">经济车型</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="town-taxt" data-bs-toggle="tab" data-bs-target="#town-taxi-content"
                        type="button" role="tab" aria-controls="town-taxi-content" aria-selected="false">舒适车型</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="limousine-taxi" data-bs-toggle="tab"
                        data-bs-target="#limousine-taxi-content" type="button" role="tab"
                        aria-controls="limousine-taxi-content" aria-selected="false">豪华车型</button>
                </li>
            </ul>
            <!--Tab Menu-->
            <div class="tab-content" id="pricing-tab-content">
                <div class="tab-pane fade show active" id="hybrid-taxi-content" role="tabpanel"
                    aria-labelledby="hybrid-taxi-content">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 sm-padding">
                            <div class="pricing-item">
                                <div class="pricing-head-wrap">
                                    <div class="pricing-car">
                                        <img src="assets/img/pricing-car.png" alt="经济车型">
                                        <div class="price">¥2.5/公里</div>
                                    </div>
                                </div>
                                <div class="pricing-head">
                                    <h3><a href="taxi-details.html">大众朗逸</a></h3>
                                    <span class="location">北京</span>
                                </div>
                                <ul class="pricing-list">
                                    <li>起步价: <span>¥10</span></li>
                                    <li>每公里: <span>¥2.5</span></li>
                                    <li>等待费: <span>¥0.5/分钟</span></li>
                                    <li>载客数: <span>4人</span></li>
                                    <li><a href="book-taxi.html" class="default-btn">立即预订</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 sm-padding">
                            <div class="pricing-item">
                                <div class="pricing-head-wrap">
                                    <div class="pricing-car">
                                        <img src="assets/img/pricing-car.png" alt="舒适车型">
                                        <div class="price">¥3.5/公里</div>
                                    </div>
                                </div>
                                <div class="pricing-head">
                                    <h3><a href="taxi-details.html">丰田卡罗拉</a></h3>
                                    <span class="location">上海</span>
                                </div>
                                <ul class="pricing-list">
                                    <li>起步价: <span>¥12</span></li>
                                    <li>每公里: <span>¥3.0</span></li>
                                    <li>等待费: <span>¥0.6/分钟</span></li>
                                    <li>载客数: <span>4人</span></li>
                                    <li><a href="book-taxi.html" class="default-btn">立即预订</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 sm-padding">
                            <div class="pricing-item">
                                <div class="pricing-head-wrap">
                                    <div class="pricing-car">
                                        <img src="assets/img/pricing-car.png" alt="豪华车型">
                                        <div class="price">¥4.5/公里</div>
                                    </div>
                                </div>
                                <div class="pricing-head">
                                    <h3><a href="taxi-details.html">本田雅阁</a></h3>
                                    <span class="location">广州</span>
                                </div>
                                <ul class="pricing-list">
                                    <li>起步价: <span>¥15</span></li>
                                    <li>每公里: <span>¥3.5</span></li>
                                    <li>等待费: <span>¥0.8/分钟</span></li>
                                    <li>载客数: <span>4人</span></li>
                                    <li><a href="book-taxi.html" class="default-btn">立即预订</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="town-taxi-content" role="tabpanel" aria-labelledby="town-taxi-content">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 sm-padding">
                            <div class="pricing-item">
                                <div class="pricing-head-wrap">
                                    <div class="pricing-car">
                                        <img src="assets/img/pricing-car.png" alt="舒适车型">
                                        <div class="price">¥3.8/公里</div>
                                    </div>
                                </div>
                                <div class="pricing-head">
                                    <h3><a href="taxi-details.html">别克君威</a></h3>
                                    <span class="location">深圳</span>
                                </div>
                                <ul class="pricing-list">
                                    <li>起步价: <span>¥15</span></li>
                                    <li>每公里: <span>¥3.8</span></li>
                                    <li>等待费: <span>¥0.7/分钟</span></li>
                                    <li>载客数: <span>4人</span></li>
                                    <li><a href="book-taxi.html" class="default-btn">立即预订</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 sm-padding">
                            <div class="pricing-item">
                                <div class="pricing-head-wrap">
                                    <div class="pricing-car">
                                        <img src="assets/img/pricing-car.png" alt="舒适车型">
                                        <div class="price">¥4.0/公里</div>
                                    </div>
                                </div>
                                <div class="pricing-head">
                                    <h3><a href="taxi-details.html">日产天籁</a></h3>
                                    <span class="location">杭州</span>
                                </div>
                                <ul class="pricing-list">
                                    <li>起步价: <span>¥14</span></li>
                                    <li>每公里: <span>¥4.0</span></li>
                                    <li>等待费: <span>¥0.8/分钟</span></li>
                                    <li>载客数: <span>4人</span></li>
                                    <li><a href="book-taxi.html" class="default-btn">立即预订</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 sm-padding">
                            <div class="pricing-item">
                                <div class="pricing-head-wrap">
                                    <div class="pricing-car">
                                        <img src="assets/img/pricing-car.png" alt="舒适车型">
                                        <div class="price">¥4.2/公里</div>
                                    </div>
                                </div>
                                <div class="pricing-head">
                                    <h3><a href="taxi-details.html">雪佛兰迈锐宝</a></h3>
                                    <span class="location">南京</span>
                                </div>
                                <ul class="pricing-list">
                                    <li>起步价: <span>¥13</span></li>
                                    <li>每公里: <span>¥4.2</span></li>
                                    <li>等待费: <span>¥0.7/分钟</span></li>
                                    <li>载客数: <span>4人</span></li>
                                    <li><a href="book-taxi.html" class="default-btn">立即预订</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="limousine-taxi-content" role="tabpanel" aria-labelledby="limousine-taxi">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 sm-padding">
                            <div class="pricing-item">
                                <div class="pricing-head-wrap">
                                    <div class="pricing-car">
                                        <img src="assets/img/pricing-car.png" alt="豪华车型">
                                        <div class="price">¥6.0/公里</div>
                                    </div>
                                </div>
                                <div class="pricing-head">
                                    <h3><a href="taxi-details.html">奔驰E级</a></h3>
                                    <span class="location">北京</span>
                                </div>
                                <ul class="pricing-list">
                                    <li>起步价: <span>¥30</span></li>
                                    <li>每公里: <span>¥6.0</span></li>
                                    <li>等待费: <span>¥1.0/分钟</span></li>
                                    <li>载客数: <span>4人</span></li>
                                    <li><a href="book-taxi.html" class="default-btn">立即预订</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 sm-padding">
                            <div class="pricing-item">
                                <div class="pricing-head-wrap">
                                    <div class="pricing-car">
                                        <img src="assets/img/pricing-car.png" alt="豪华车型">
                                        <div class="price">¥7.0/公里</div>
                                    </div>
                                </div>
                                <div class="pricing-head">
                                    <h3><a href="taxi-details.html">宝马5系</a></h3>
                                    <span class="location">上海</span>
                                </div>
                                <ul class="pricing-list">
                                    <li>起步价: <span>¥35</span></li>
                                    <li>每公里: <span>¥7.0</span></li>
                                    <li>等待费: <span>¥1.2/分钟</span></li>
                                    <li>载客数: <span>4人</span></li>
                                    <li><a href="book-taxi.html" class="default-btn">立即预订</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 sm-padding">
                            <div class="pricing-item">
                                <div class="pricing-head-wrap">
                                    <div class="pricing-car">
                                        <img src="assets/img/pricing-car.png" alt="豪华车型">
                                        <div class="price">¥8.0/公里</div>
                                    </div>
                                </div>
                                <div class="pricing-head">
                                    <h3><a href="taxi-details.html">奥迪A6</a></h3>
                                    <span class="location">广州</span>
                                </div>
                                <ul class="pricing-list">
                                    <li>起步价: <span>¥40</span></li>
                                    <li>每公里: <span>¥8.0</span></li>
                                    <li>等待费: <span>¥1.5/分钟</span></li>
                                    <li>载客数: <span>4人</span></li>
                                    <li><a href="book-taxi.html" class="default-btn">立即预订</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- Tab Content -->
        </div>
    </section>
    <!--/.pricing-section-->

    <section class="download-section bd-bottom padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="section-heading wow fade-in-left" data-wow-delay="200ms">
                        <h4><span></span>移动应用</h4>
                        <h2>下载瑞德出行APP，开启便捷旅程！</h2>
                        <p>我们成功应对各种复杂任务，提供长期服务保障，并持续掌握新技术。</p>
                        <ul class="app-feature">
                            <li>
                                <i><img class="feature-icon" src="assets/img/icon-navigator.svg" alt="搜索"></i>
                                <h3>轻松搜索<br>附近出租车！</h3>
                            </li>
                            <li>
                                <i><img class="feature-icon" src="assets/img/icon-clock.svg" alt="时间"></i>
                                <h3>快速接载<br>节省您的时间！</h3>
                            </li>
                            <li>
                                <i><img class="feature-icon" src="assets/img/icon-docs.svg" alt="价格"></i>
                                <h3>透明价格<br>享受舒适旅程！</h3>
                            </li>
                        </ul>
                        <div class="download-btn">
                            <a href="#"><img src="assets/img/google-play-cn.svg" alt="Google Play"></a>
                            <a href="#"><img src="assets/img/app-store-cn.svg" alt="App Store"></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 d-none d-lg-block">
                    <div class="taxi-holder">
                        <div class="taxi wow fade-in-left" data-wow-delay="300ms"></div>
                        <div class="mockup wow fade-in-bottom" data-wow-delay="400ms"></div>
                        <div class="charecter wow fade-in-right" data-wow-delay="500ms"></div>
                        <img class="location-marker" src="assets/img/location-marker.png" alt="位置">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/.download-section-->

    <section class="testimonial-section bg-grey">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="section-heading mb-10">
                        <h4><span></span>客户评价</h4>
                        <h2>瑞德出行乘客反馈...</h2>
                        <p>我们成功应对各种复杂任务，提供长期服务保障，并持续掌握新技术。</p>
                    </div>
                    <div class="swiper-outside testi-pagination">
                        <div class="testimonial-carousel">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="testi-item">
                                        <div class="quote-icon"><i class="las la-quote-right"></i></div>
                                        <p>非常好用的出行服务，尤其是在交通不便的地方和时间段，不过应用程序在使用上有时会有些复杂，特别是当手机字体设置较大时。</p>
                                        <div class="testi-author">
                                            <div class="author-thumb"><img src="assets/img/comment-1.png" alt="客户">
                                            </div>
                                            <div class="author-info">
                                                <h3>张先生 <span>金融公司经理</span></h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testi-item">
                                        <div class="quote-icon"><i class="las la-quote-right"></i></div>
                                        <p>司机服务态度非常好，车内干净整洁，准时到达。价格透明合理，是我日常出行的首选交通工具。</p>
                                        <div class="testi-author">
                                            <div class="author-thumb"><img src="assets/img/comment-1.png" alt="客户">
                                            </div>
                                            <div class="author-info">
                                                <h3>李女士 <span>大学教师</span></h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testi-item">
                                        <div class="quote-icon"><i class="las la-quote-right"></i></div>
                                        <p>经常使用瑞德出行接送客户，车辆舒适度高，司机专业有礼。商务出行的最佳选择，强烈推荐！</p>
                                        <div class="testi-author">
                                            <div class="author-thumb"><img src="assets/img/comment-1.png" alt="客户">
                                            </div>
                                            <div class="author-info">
                                                <h3>王经理 <span>企业高管</span></h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination"></div><!-- Carousel Dots -->
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="feature-wrap">
                        <div class="section-heading mb-30 wow fade-in-right" data-wow-delay="200ms">
                            <h4 class="white"><span></span>为何选择我们</h4>
                            <h2 class="white">选择瑞德出行的理由</h2>
                            <p class="white">我们成功应对各种复杂任务，提供长期服务保障，并持续掌握新技术。</p>
                        </div>
                        <!--/.section-heading-->
                        <ul class="ridek-features">
                            <li class="wow fade-in-right" data-wow-delay="300ms">
                                <div class="feature-icon">
                                    <i class="las la-gem"></i>
                                </div>
                                <div class="feature-content">
                                    <h3>安全保障</h3>
                                    <p>车辆定期消毒，司机持证上岗<br>全程GPS定位追踪</p>
                                </div>
                            </li>
                            <li class="wow fade-in-right" data-wow-delay="400ms">
                                <div class="feature-icon">
                                    <i class="las la-taxi"></i>
                                </div>
                                <div class="feature-content">
                                    <h3>快速接载</h3>
                                    <p>平均接驾时间5分钟<br>高峰时段优先调度</p>
                                </div>
                            </li>
                            <li class="wow fade-in-right" data-wow-delay="500ms">
                                <div class="feature-icon">
                                    <i class="las la-tachometer-alt"></i>
                                </div>
                                <div class="feature-content">
                                    <h3>高效出行</h3>
                                    <p>智能路线规划避开拥堵<br>节省30%出行时间</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/.testimonial-section-->

    <section class="cta-section padding">
        <div class="cta-men wow fade-in-bottom" data-wow-delay="200ms"></div>
        <div class="container">
            <div class="cta-content">
                <h2>立即致电 <span>预订出租车</span> <br> 开启您的下一段旅程！</h2>
                <p>我们成功应对各种复杂任务，提供长期服务保障，<br>并持续掌握新技术。</p>
                <div class="cta-call">
                    <i class="las la-phone-volume"></i>
                    <p><span>叫车热线</span><a href="tel:4001234567">400-123-4567</a></p>
                </div>
            </div>
        </div>
    </section>
    <!--/.cta-section-->

    <section class="blog-section bg-grey padding">
        <div class="container">
            <div class="section-heading text-center mb-40 wow fade-in-bottom" data-wow-delay="200ms">
                <h4><span></span>最新资讯</h4>
                <h2>新闻与行业洞察</h2>
                <p>我们成功应对各种复杂任务，提供长期服务保障，<br>并持续掌握新技术。</p>
            </div>
            <!--/.section-heading-->
            <div class="row grid-post">
                <div class="col-lg-4 col-md-6 padding-15">
                    <div class="post-card">
                        <div class="post-thumb">
                            <img src="assets/img/post-1.jpg" alt="出租车行业">
                            <a href="blog-details.html" class="post-category">行业新闻</a>
                        </div>
                        <div class="post-content-wrap">
                            <ul class="post-meta">
                                <li><i class="las la-calendar"></i>2023年10月15日</li>
                                <li><i class="las la-user"></i>李明</li>
                            </ul>
                            <div class="post-content">
                                <h3>
                                    <a href="blog-details.html" class="hover">出租车行业数字化转型的机遇与挑战</a>
                                </h3>
                                <p>随着移动互联网技术的发展，传统出租车行业正经历前所未有的变革。本文探讨数字化转型带来的机遇与挑战...</p>
                                <a href="blog-details.html" class="read-more">阅读更多</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 padding-15">
                    <div class="post-card">
                        <div class="post-thumb">
                            <img src="assets/img/post-2.jpg" alt="绿色出行">
                            <a href="blog-details.html" class="post-category">环保出行</a>
                        </div>
                        <div class="post-content-wrap">
                            <ul class="post-meta">
                                <li><i class="las la-calendar"></i>2023年10月10日</li>
                                <li><i class="las la-user"></i>王芳</li>
                            </ul>
                            <div class="post-content">
                                <h3>
                                    <a href="blog-details.html">新能源汽车在出租车行业的应用前景分析</a>
                                </h3>
                                <p>随着环保意识的增强和政策的支持，新能源汽车在出租车行业的应用越来越广泛。本文分析其市场前景和发展趋势...</p>
                                <a href="blog-details.html" class="read-more">阅读更多</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 padding-15">
                    <div class="post-card">
                        <div class="post-thumb">
                            <img src="assets/img/post-3.jpg" alt="出行安全">
                            <a href="blog-details.html" class="post-category">出行安全</a>
                        </div>
                        <div class="post-content-wrap">
                            <ul class="post-meta">
                                <li><i class="las la-calendar"></i>2023年10月5日</li>
                                <li><i class="las la-user"></i>张伟</li>
                            </ul>
                            <div class="post-content">
                                <h3>
                                    <a href="blog-details.html">提升出租车服务安全的五大关键措施</a>
                                </h3>
                                <p>乘客安全是出租车服务的核心。本文介绍了提升出租车服务安全的五大关键措施，包括车辆检查、司机培训、实时监控等...</p>
                                <a href="blog-details.html" class="read-more">阅读更多</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/.blog-section-->

    <footer class="footer-section">
        <div class="footer-top-wrap bg-grey">
            <div class="container">
                <div class="footer-top">
                    <div class="row align-items-end">
                        <div class="col-lg-8">
                            <div class="brand">
                                <a class="footer-logo" href="index.html"><img src="assets/img/logo-light.png" alt="瑞德出行"></a>
                                <p>我们成功应对各种复杂任务，提供长期服务保障，并持续掌握新技术。</p>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="footer-call">
                                <i class="las la-phone-volume"></i>
                                <p><span>服务热线</span><a href="tel:4001234567">400-123-4567</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/.footer-top-wrap-->
        <div class="footer-mid-wrap">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-6 sm-padding">
                        <div class="footer-item">
                            <div class="widget-title">
                                <h3>服务时间</h3>
                            </div>
                            <ul class="footer-contact">
                                <li><span>周一至周五：</span>9:00 - 20:00</li>
                                <li><span>周六：</span>10:00 - 19:30</li>
                                <li><span>周日：</span>休息日</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 sm-padding">
                        <div class="footer-item footer-list">
                            <div class="widget-title">
                                <h3>快速链接</h3>
                            </div>
                            <ul class="footer-links">
                                <li><a href="book-taxi.html">出租车预订</a></li>
                                <li><a href="faqs.html">帮助中心</a></li>
                                <li><a href="about-us.html">隐私政策</a></li>
                                <li><a href="about-company.html">使用条款</a></li>
                                <li><a href="contact.html">联系我们</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 sm-padding">
                        <div class="footer-item">
                            <div class="widget-title">
                                <h3>总部地址</h3>
                            </div>
                            <ul class="footer-contact">
                                <li><span>地址：</span>北京市朝阳区光华路10号</li>
                                <li><span>邮箱：</span>info@ruidechuxing.com</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 sm-padding">
                        <div class="footer-item subscribe-wrap">
                            <div class="widget-title">
                                <h3>订阅资讯</h3>
                            </div>
                            <form action="#" class="subscribe-form">
                                <input class="form-control" type="email" name="email" placeholder="请输入您的邮箱"
                                    required="">
                                <input type="hidden" name="action" value="mailchimpsubscribe">
                                <button class="submit">立即订阅</button>
                                <div class="clearfix"></div>
                                <div id="subscribe-result">
                                    <div class="subscription-success"></div>
                                    <div class="subscription-error"></div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="running-taxi">
                <div class="taxi"></div>
                <div class="taxi-2"></div>
                <div class="taxi-3"></div>
            </div>
        </div>
        <!--/.footer-mid-wrap-->
        <div class="copyright-wrap">
            <div class="container">
                <p>© <span id="currentYear"></span> 瑞德出行 版权所有 <a href="#">备案号：京ICP备12345678号</a>。</p>
            </div>
        </div>
        <!--/.copyright-wrap-->
    </footer>
    <!--/.footer-section-->

    <div id="scrollup">
        <button id="scroll-top" class="scroll-to-top">
            <i class="las la-arrow-up"></i>
        </button>
    </div>
    <!--scrollup-->

    <div class="dl-cursor">
        <div class="cursor-icon-holder"><i class="las la-times"></i></div>
    </div>
    <!--/.dl-cursor-->

    <!--jQuery Lib-->
    <script src="assets/js/vendor/jquary-3.6.0.min.js"></script>
    <script src="assets/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
    <script src="assets/js/vendor/jquery.ajaxchimp.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script>
    <script src="assets/js/vendor/popper.min.js"></script>
    <script src="assets/js/vendor/swiper.min.js"></script>
    <script src="assets/js/vendor/jquery.datetimepicker.full.js"></script>
    <script src="assets/js/vendor/jquery.nice-select.min.js"></script>
    <script src="assets/js/vendor/venobox.min.js"></script>
    <script src="assets/js/vendor/smooth-scroll.js"></script>
    <script src="assets/js/vendor/wow.min.js"></script>
    <script src="assets/js/book-ride.js"></script>
    <script src="assets/js/main.js"></script>
    
    <script>
        // 设置当前年份
        document.getElementById('currentYear').textContent = new Date().getFullYear();
        
        // 初始化动画
        new WOW().init();
    </script>
</body>

</html>